/* css chung cho cả trang web */
body{margin: 0;padding: 0;background: white;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;color:#222222;}
header{clear: both;}
.content{clear: both;}
footer{clear: both;}

a{color: #222222;}
a:hover, a.actived{text-decoration: none;color:#0099cc;}
.txt-bold{font-weight: bold;}
/* LOGIN */
.form-login{background: lightblue !important;opacity:0.9 !important;min-height: 135px;height: auto;z-index: 20 !important;}
.input-login{padding-left: 40px;border-radius: 7px !important;line-height: 24px;width: 309px;}
.login-user{background: url(../images/web/login-username.png) no-repeat !important;}
.login-pass{background: url(../images/web/login-password.png) no-repeat !important;}
.login-mes-err{color: red;font-weight: normal;margin-top: 5px;clear: both;float: left;width: 100%;font-size: 12px !important;margin-bottom: 0;}
.login-mes-info{color: black;font-weight: normal;clear: both;font-size: 12px !important;float: left;margin: 5px 0 10px}
.btn-login{background: #0099cc;border-radius:4px;text-align: center;padding: 5px 10px;margin-right: 20px;color: white !important;float: left; min-width: 90px;}
.btn-login:hover{box-shadow:0 1px 10px 3px;}

/* Header TOP */
.header-top{margin-top: 10px;margin-bottom: 5px;}
/* HEADER-LOGO */
.logo-web{height: 75px;}
.header-logo{float: left;}
.header-lang{margin-left: 25px;padding-right: 0 !important;}
.header-lang ul{margin-right: 0px;}
.header-top-serach{float: right;clear: right;font-size: 12px;margin-top: 10px;width: 100%;}
.input-serach{float: right;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}
a.btn-search:hover{color: white;}
.btn-search{float: right;line-height: 29px;background:#0099cc;color: white;padding:0 10px;border-top-right-radius:3px;border-bottom-right-radius:3px;}


/* navigate-menu */
.navigate-menu{border: 1px solid white;border-radius: 0px;}

/* LOCATION */
.location-page{margin-top: 10px;margin-left: 0;}
.location-page li{line-height: 24px;}
.location-page li:nth-child(1){border-left: 2px solid #007FD1;background: url("../images/web/icon-arrow-web.gif") no-repeat scroll top right #ECEEED;color: red;padding-right: 20px;}
.location-arrow{display: block;float: left;height: 25px;width: 13px;}
.location-page a{color: #0099cc;}
.location-page a:hover{color: #2F6BFF}

/* CONTENT */
.title-row{background: url("../images/web/arrow.png") no-repeat scroll 0 0 #ebebeb;font: bold 14px Arial,Helvetica,sans-serif;margin: 10px 15px 15px 15px;padding: 5px 8px;color:#0099cc; }
.title-row-child{margin: 0 0 15px 0;}

.job-col{margin-bottom: 20px;}
.job-col img{width: 100%;max-height:145px; float: left;clear: both;margin-bottom: 15px;}
.job-col h3{font-size: 13px;font-weight: bold;float: left;text-align: justify;margin: 0 0 10px;width: 100%;}
.job-col h3 a{color:#0099cc;line-height: 20px;}
.job-col h3 a:hover{color: #2F6BFF;}
.job-col p{float: left;max-height: 120px;overflow: hidden;text-align: justify;text-overflow: ellipsis;width: 100%;}
.view-more{float: left;}
.view-more a{color: white;background: silver;padding: 3px 10px;}
.view-more a:hover{background: #0099cc;}
.cls-div-end{border-bottom: 1px solid #0099cc;margin-bottom: 15px;}

/* tin tức nổi bật */
.news-feature{float: left;margin-bottom: 5px;width: 100%;}
.news-feature img{float: left;width: 30%;max-height: 55px;}
.news-feature .news-feature-content{float: left;width: 65%;margin-left: 5%;}
.news-feature .news-feature-content h4{margin-top: 0;margin-bottom: 4px;float: left;width: 100%;}
.news-feature .news-feature-content h4 a{font-size: 12px;font-weight: bold;text-align: justify;float: left;line-height: 15px;}
.news-feature .news-feature-content h4 a:hover{color: #2F6BFF;}
.padding-bottom-10,.video-col{padding-bottom: 10px;}
/* question */
.news-question{float: left;margin-bottom: 5px; background:url("../images/web/icon-question-16.png") no-repeat 0 2px;padding-left: 20px;clear: both; }
.news-question h4{float: left;margin: 0;padding: 0 0 5px 0;}
.news-question h4 a{font-size: 12px;font-weight: bold;text-align: justify;float: left;line-height: 15px;color: #0099cc;}
.news-question h4 a:hover{color: #2F6BFF;}
.title-date{font-size: 11px; color: silver;margin: 0;}

/* video */
.video-col{float: left;}
.video-col a{float: left;width: 100%;}
.video-col .img-video{height:120px;float: left;width: 100%;position: relative;}
.video-col .img-video img{width: 100%; height: 100%;}
.img-video-play{float: left; position:absolute;top:0; width: 100%;height: 100%;background: url("../images/web/icon-play.png") no-repeat scroll 50% 50% / 35px auto rgba(0, 0, 0, 0);}
.video-col a > h4{background-color: #0099cc;color: white;cursor: pointer;float: left;font-size: 13px;font-weight: bold;line-height: 20px;margin: 0;padding: 5px;text-align: justify;width: 100%;}

.video-main{margin-bottom: 20px;}
.video-detail{margin-bottom: 20px;}
.video-title{font-size: 20px;font-weight: bold;text-transform: none;color: #0099cc;text-align: justify;margin-top: 5px;}
.video-direction{color: #6B7885;font-size: 14px;text-align: justify;float: left;width: 100%;margin: 5px 0 50px 0;}
.video-info{float: left;width: 100%;}
td.video-tb-td{width: 40%;font-weight: bold;}
.fbFeedbackContent .fbFeedbackPosts{overflow-y:auto;max-height: 300px;}
.active .tab-comment{font-weight: bold;}
.active .tab-commnet-facebook{background: #3B5A9B !important;color: white !important;font-weight: bold; }
.active .tab-comment-google{background: #DB2814 !important;color: white !important;font-weight: bold; }

/* NỘI DUNG TIN TỨC */
.article-date{float: left;line-height: 30px;text-align: justify;width: 100%;color: silver;margin: 0;}
.article-title{font-size: 30px;font-weight: bold;text-transform: none;color: #0099cc;text-align: justify;margin-top: 10px;}
.article-content-1{color: #6B7885;font-size: 14px;font-weight: bold;text-align: justify;float: left;width: 100%;margin: 10px 0 20px;}
.article-content-2{float: left;clear: both;}
.article-icon-question{float: left;background: silver;padding: 2px 5px;margin-top: 10px;margin-bottom: -5px;}
.article-icon-answer{float: left;background: silver;padding: 2px 5px;}

/* nghề nghiệp dành cho bạn */
.jobs-main{margin-bottom: 30px;float: left;}
.jobs-main .jobs-main-img{width: 100%;float: left;max-height: 150px;}
.jobs-main .jobs-main-name{float: left;width:100%; font-size: 15px;font-weight: bold;text-align: justify;line-height: 14px;margin: 10px 0;color: #3B5A9B;}
.a-link{color: #0099cc;}
.a-link:hover,.jobs-main-name:hover{color: #2F6BFF;}
.jobs-main-child {float:left;}
.jobs-main-child a{float: left;width: 100%;text-align: justify;font-size: 14px;background:url("../images/web/icon-nav.png") no-repeat 0px 2px; padding-left: 20px;line-height: 17px; margin-bottom: 5px; }

/* Hỏi đáp */
.question-main{margin-bottom: 20px;}
.question-main .question-title{width: 100%; float: left;font-size: 14px;font-weight: bold;text-align: justify;line-height: 14px;margin-bottom: 5px;}
.question-main .question-summary{width: 100%;float: left;text-align: justify;max-height: 40px;overflow: hidden;margin-bottom: 0;}
.question-main .question-summary .question-icon{background: silver;padding: 2px 5px;margin-right: 10px;}

/* tìm kiếm */
.main-content-search{float: left;width: 100%;}
.main-content-search .search-input-text{float:left;height: 40px;width: 65%;line-height: 40px;padding-left: 10px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.main-content-search .search-main-btn{float: left;line-height: 40px;background: #0099cc;color: white;padding: 0 10px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.search-main-chk{float: left;margin-top: 5px;}
.search-main-chk label{float: left;margin-top: 0;margin: 0 20px 0 5px;}
.search-main-chk .ui-chkbox .ui-chkbox-box{width: 20px;height: 20px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 10px;}
.div-search .search-row-line{border-bottom: 1px solid silver;}
.div-search .search-row-line .span-result-search{float: left;}
.div-search .search-row-line .span-time-search{float: right;color: silver;}
.search-result-child{float: left;margin: 5px 0;}
.search-result-child .title-result{float: left;width: 100%;margin:0;}
.search-result-child .title-result a{color: #0099CC;font-size: 20px;}
.search-result-child .title-result a:hover{text-decoration: underline;color: #3399FF;}
.search-result-child .content-result{float: left;width: 100%;}
.search-result-child .content-result .url-result{float: left;color: #556621;}
.search-result-child .content-result .detail-result{float: left;max-height: 60px;overflow: hidden;}

/* FOOTER */
.class-footer{background-color: #0099cc;margin-top: 40px;}
.footer-row{margin: 20px 0 10px;}
.title-footer{color: white;}
a.btn-share-facebook,a.btn-share-twitter,a.btn-share-google{width: 33px;height: 33px;text-indent: -999px;float: left;border-radius:5px; }
a.btn-share-facebook{background-image: url("../images/web/icon-share.png");background-position: -12px 44px;}
a.btn-share-twitter{background-image: url("../images/web/icon-share.png");background-position: -11px -8px;}
a.btn-share-google{background-image: url("../images/web/icon-share.png");background-position: -68px 44px;}














/* ul,li{margin: 0;padding: 0;}
a:hover{text-decoration: none;color: #0099cc;}
a{text-decoration: none;color: black;}

header{float: left;width: 100%;}
.cls-header{margin-left: auto;margin-right: auto;}
.cls-header .header-top{float: left;width: 100%;height: 90px;padding-top: 10px;}
.header-top-logo{float: left;}
.header-top-logo img{height: 80px;}
ul.header-top-menu a.actived{color:#0099cc;}
ul.header-top-menu{list-style-type: none;float: right;font-size: 12px;}
ul.header-top-menu li.li-1{float: left;margin-left: 10px;}
ul.header-top-menu li.li-2{float: left;margin-left: 25px;font-weight: bold;}
li.li-2 ul{list-style-type: none;float: right;}
li.li-2 ul li{float: left;margin-left: 5px;}
li.li-2 ul li:nth-child(1){margin-left: 0;}

.header-top-serach{float: right;clear: right;font-size: 12px;margin-top: 15px;}
.input-serach{float: left;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}
a.btn-search:hover{color: white;}
.btn-search{float: left;line-height: 26px;background:#0099cc;color: white;padding:0 10px;border-top-right-radius:3px;border-bottom-right-radius:3px;}

navigate
.header-nav{float: left;clear: both;width: 100%;background: #0099cc;list-style-type: none;color: white;border-radius: 5px;}
.header-nav li.li-nav-1{float: left;padding: 0 20px;line-height: 40px;}
.header-nav li.li-nav-1:hover{background: #2F6BFF;}
.header-nav li.li-nav-1 a{color: white;} */

